@import '@style/theme/';

.@{prefix}-icon-hover {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 12px;

    &:hover {
        &::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 24px;
            height: 24px;
            border-radius: @radius-circle;
            background-color: @var-color-border-2;
        }

        .@{prefix}-checkbox-icon {
            border-color: @var-color-border-3;
        }
    }
}